<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h2>青春不常在，抓紧谈恋爱</h2>
    <table width="500px" border="1">
        <!--先有table，table是tr和td。然后再有行 左边的单元格和右边的单元格-->
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan"><label for="nan"><img src="/var/www/picture/boy.jpg" width=15> 男</label>
                <input type="radio" name="sex" id="nv"><label for="nv"><img src="/var/www/picture/girl.jpg" width=11> 女</label>
                <!--多选和单选，得有相同的name-->
                <!--通过label，for和id增加用户的体验范围。-->
            </td>
        </tr>
        <!--第二行-->
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2004</option>
                    <option>2005</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <select>
                    <option>--请选择日期--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                    <option value="">8</option>
                    <option value="">9</option>
                    <option value="">10</option>
                    <option value="">11</option>
                    <option value="">12</option>
                    <option value="">13</option>
                    <option value="">14</option>
                    <option value="">15</option>
                    <option value="">16</option>
                    <option value="">17</option>
                    <option value="">18</option>
                    <option value="">19</option>
                    <option value="">20</option>
                    <option value="">21</option>
                    <option value="">22</option>
                    <option value="">23</option>
                    <option value="">24</option>
                    <option value="">25</option>
                    <option value="">26</option>
                    <option value="">27</option>
                    <option value="">28</option>
                    <option value="">29</option>
                    <option value="">30</option>
                    <option value="">31</option>
                </select>
                <!--这里显然是可以复用的模块-->
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="省份即可"></td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>
                <label><input type="radio" name="marry" checked="checked">未婚</label>
                <label><input type="radio" name="marry">已婚</label>

            </td>
        </tr>
        <tr>
            <td>学历：</td>
            <td>
                <input type="text" value="博士">
            </td>
        </tr>
        <tr>
            <td>喜欢的类型：</td>
            <td><input type="checkbox" name="love">妩媚的
                <input type="checkbox" name="love">可爱的
                <input type="checkbox" name="love">小鲜肉
                <input type="checkbox" name="love">成熟的</td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td>
                <textarea>个人简介</textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <li>我同意注册条款和加入标准</li>
                <h4>
                    <li>我承诺</li>
                </h4>
                <li>做个好男人</li>
                <li>做个超级好男人</li>
            </td>

        </tr>

    </table>
</body>

</html>